* {
    margin: 0;
    padding: 0;
    user-select: none;
    font-size: 1vw;
}

/* 防止点击事件延迟触发 */
html, body {
    touch-action: none;
}

.app-logo {
    --icon-size: contain;
    width: var(--size);
    height: var(--size);
    background-image: url(/favicon.png);
    background-size: var(--icon-size);
    background-position: center;
    background-repeat: no-repeat;
}

/* 页面容器 */
.page {
    width: 100vw;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    scroll-behavior: smooth;
}

/**
 * 用于图片控制
 * @param {*} --w 宽度
 * @param {*} --h 高度
 * @param {*} --img 图片路径
 */
.img {
    width: var(--w);
    height: var(--h);
    background-image: var(--img);
    background-size: cover;
    background-position: center;
}

/**
 * 用于图标控制
 * @param {*} --w 宽度
 * @param {*} --h 高度
 * @param {*} --icon-size 图片缩放比例
 * @param {*} --icon 图标路径
 */
.icon {
    --icon-size: contain;  /* 默认是完整显示整张图片 */
    width: var(--w);
    height: var(--h);
    background-image: var(--icon);
    background-size: var(--icon-size);
    background-position: center;
    background-repeat: no-repeat;
}

/* 隐藏滚动条的写法 */
.hide-scrollbar {
    -ms-overflow-style: none;  /* IE 10+ */
    scrollbar-width: none;     /* Firefox */
}
.hide-scrollbar::-webkit-scrollbar {
    display: none;             /* Chrome / Safari / Edge / 微信 webview */
}